<div class="controls-panel">
    <div class="control-group">
        <h3>系统状态</h3>
        <div class="status-indicator connected" id="connectionStatus">
            已连接到MCP服务器
        </div>
    </div>
    
    <div class="control-group">
        <h3>操作</h3>
        <button class="btn" onclick="testMcpConnection()">测试MCP连接</button>
        <button class="btn btn-secondary" onclick="clearConversation()">清空对话</button>
        <button class="btn btn-danger" onclick="exitApplication()">退出应用</button>
    </div>
    
    <div class="control-group">
        <h3>MCP配置</h3>
        <div class="form-group">
            <label for="mcpUrl">服务器地址:</label>
            <input type="text" id="mcpUrl" value="http://localhost:8000" />
        </div>
        <div class="form-group">
            <label for="apiKey">API密钥:</label>
            <input type="password" id="apiKey" />
        </div>
    </div>
    
    <div class="control-group system-info">
        <h3>系统信息</h3>
        <p>状态: <span id="systemStatus">就绪</span></p>
        <p>最后操作: <span id="lastAction">无</span></p>
    </div>
</div>